//---------------------------------------------- 
//  Transition Delay - nth-transition-delay()
//  @description: Transition delay to child elements
//  @param:       $items: [12] - Items
//  @param:       $time: [0.2s] - Time 
//----------------------------------------------
@mixin nth-transition-delay($items: 12, $time: 0.2s) {
  @for $i from 1 through $items {
    &:nth-child(#{$i}) {
      transition-delay: $time * $i;
    }
  }
}

//---------------------------------------------- 
//  Animation Delay - nth-animation-delay()
//  @description: Animation delay to child elements
//  @param:       $items: [12] - Items
//  @param:       $time: [0.2s] - Time 
//----------------------------------------------
@mixin nth-animation-delay($items: 12, $time: 0.2s) {
  @for $i from 1 through $items {
    &:nth-child(#{$i}) {
      animation-delay: $time * $i;
    }
  }
}
